/* 高度 */

.h-0 {
  height: 0;
}

/* 宽度 */

.w-100 {
  width: 100px;
}
.w-120 {
  width: 120px;
}
.w-140 {
  width: 140px;
}
.w-150 {
  width: 150px;
}
.w-160 {
  width: 160px;
}
.w-180 {
  width: 180px;
}
.w-200 {
  width: 200px;
}
.w-100p {
  width: 100%;
}

/* 宽高 */

.wh-100p {
  width: 100%;
  height: 100%;
}

/* 外边距 */
.mt-0 {
  margin-top: 0px;
}
.mt-8 {
  margin-top: 8px;
}
.mt-16 {
  margin-top: 16px;
}
.mb-0 {
  margin-bottom: 0;
}
.mb-8 {
  margin-bottom: 8px;
}
.mb-16 {
  margin-bottom: 16px;
}

.mr-6 {
  margin-right: 6px;
}
.mr-8 {
  margin-right: 8px;
}

/* 内边距 */

.pl-16 {
  padding-left: 16px;
}
.pb-8 {
  padding-bottom: 8px;
}

/* 显示、隐藏 */

.hide {
  visibility: hidden;
}
.none {
  display: none;
}
.frozen {
  opacity: 0.2;
  cursor: not-allowed;
}

/* 布局: grid */

.gc-s2 {
  grid-column: span 2;
}
.gc-s3 {
  grid-column: span 3;
}

.gr-s2 {
  grid-row: span 2;
}
.gr-s3 {
  grid-row: span 3;
}

/* 滚动: overflow */
.of-h {
  overflow: hidden;
}
